<template>
  <a-row type="flex" justify="space-between" align="center">
    <a-col>
      <div class="title">{{title}}</div>
    </a-col>
    <a-col>
      <a-button class="link" type="link" block @click="clickLink">{{linkText}}</a-button>
    </a-col>
  </a-row>
</template>
<script>
export default {
  name:'HeaderPannel',
  props:{
    title:{
      type:String,
      default:''
    },
    linkText:{
      type:String,
      default:''
    }
  },
  methods:{
    //点击链接
    clickLink(){
      this.$emit('clickLink');
    }
  }
}
</script>
<style lang="scss" scoped>
.title{
  line-height: 32px;
  padding-left: 10px;
  border-left: 3px solid #cf2730;;
}
</style>